<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>我要付款</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <link href="css/base.css" rel="stylesheet" type="text/css" />
    <link href="css/button.css" rel="stylesheet" type="text/css" />
    <link href="css/icon.css" rel="stylesheet" type="text/css" />
    <link href="css/payment.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="header-bar">
        <h4>银行转账</h4>
        <div class="title-tip"></div>
    </div>
    <div class="form-body">
        <span class="bank">中国银行航空路支行(李孟柯)</span>
        <span class="account">6217 9031 0001 4584 031</span>
    </div>
    <div class="form-body">
        <span class="bank">华夏银行成都营业部(刘婷)</span>
        <span class="account">6230 2002 0045 1032</span>
    </div>
    <div class="header-bar">
        <h4>微信支付</h4>
        <div class="title-tip"></div>
    </div>
    <div class="form-body">
        <div class="left-side">
            <div class="form-item">
                <span class="item-title">微信ID</span>
                <a class="item-action" href="javascript:;">
                    <span id="room-number" class="action-value">蜂巢小家（*婷）</span>
                </a>
            </div>
        </div>
        <div class="right-side">
            <img src="image/wxpay_qr.jpg" />
        </div>
    </div>
    <div class="header-bar">
        <h4>支付宝支付</h4>
        <div class="title-tip"></div>
    </div>
    <div class="form-body">
        <div class="left-side">
            <div class="form-item">
                <span class="item-title">姓名</span>
                <a class="item-action" href="javascript:;">
                    <span id="room-number" class="action-value">蜂巢小家（*婷）</span>
                </a>
            </div>
            <div class="form-item">
                <span class="item-title">帐号</span>
                <a class="item-action" href="javascript:;">
                    <span id="room-number" class="action-value">181***0943</span>
                </a>
            </div>
        </div>
        <div class="right-side">
            <img src="image/alipay_qr.jpg" />
        </div>
    </div>
    <div class="tip">
        <p>
            温馨提示： <br />为确保本公司及客户资金安全，广大客户向我公司支付款时，请支付至我公司官方账户， 我公司不会随意更改帐号，更不会通过QQ等方式通知客户更改收款帐号。
        </p>
        <p>
            如有任何疑问，请及时拨打我公司固定电话：028-85170028与工作人员联系。
        </p>
    </div>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
    <script src="js/template.js" type="text/javascript"></script>
    <script src="js/base.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            bee.wxConfig(function() {
                bee.hideAllNonBaseMenuItem();
            }, function(res) {});

            bee.request({
                url: '/Index/Order/get_info',
                data: {
                    skuid: bee.getQueryString('housing_id'),
                    id: bee.getQueryString('id'),
                },
                success: function(res) {
                    bee.template('profit', res.info, true);
                    $('.total-money .action-value').text('￥' + res.info.total_money);
                    $('.room').text(res.info.room_number);
                    $('body').on('click', '.pay-dialog tbody tr', function() {
                        $(this).addClass('active');
                        $(this).siblings('tr').removeClass('active');
                    });
                }
            });
        });
    </script>
</body>

</html>
